



		.banner{
			position: relative;
			height: 100vh;
			overflow: hidden;
		}
		.banner li,
		.banner li .original,
		.banner li .cuts,
		.banner li .cuts .item img{
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			z-index: 1;
		}
		.banner li .cuts{
			display: flex;
			flex-direction: column;
		}
		.banner li .cuts .item{
			position: relative;
			overflow: hidden;
			flex: 1;
			transition: 1.5s transform ease-in-out;
		}
		.banner li.leave .cuts .item{
			transform: translateX(100%);
		}
		.banner li.leave .cuts .item:nth-child(even){
			transform: translateX(-100%);
		}
		.banner li .cuts .item img{
			height: 100vh;
		}
		.banner li.next{
			z-index: 3;
		}
		.banner li.curr{
			z-index: 4;
		}
		.banner li.opacity .original{
			opacity: 0;
		}
		.banner li .cuts{
			z-index: 2;
		}
		.obj-c{
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.lb_list{
			width: 100%;
			margin-top: 0px;
			position: relative;
			height: auto;
		}
		.lb_list .swiper-container1{
			width:100%;
			height: 100%;
			overflow: hidden;
		} 
		.lb_list .swiper-container1 .swiper-slide{
			width: 100%;
			height: auto;
		}
		.lb_list .swiper-pagination-fraction,.lb_list .swiper-pagination-custom,.lb_list .swiper-container-horizontal > .swiper-pagination-bullets {
			bottom: 20px;
			left: 0;
			width: 100%;
		}
		.lb_list .swiper-pagination-bullet {
			background: #fff;
			opacity: 1;
		}    
		.lb_list .swiper-pagination-bullet-active {
			background: #1F3183;   
		}
		.ppt_tit{
			text-align: center;
		}
		.ppt_tit p:nth-child(1){
			letter-spacing: 2px;
			font-size: 26px;
		}
		.ppt_tit p:nth-child(2){
			letter-spacing: 2px;
			font-size: 16px;
		}

		.ppt1{
			padding: 80px 0 40px;
		}
		.ppt1 .left{
			float: left;
			width: 50%;
			padding: 0 40px;
		}
		.ppt1 .left>p{
			text-align: center;
			font-size: 16px;
		}
		.ppt1 .left .box p{
			text-align: left;
			text-indent: 2rem;
			line-height: 200%;
			color: #6A6A6A;
			margin-top: 10px;
		}
		.ppt1_1_img{
			width: 160px;
			margin-bottom: 30px;
		}
		.ppt1 .right{
			float: left;
			width: 50%;
		}
		.ppt1 .right img{
			width: 100%;
			overflow: hidden;
			border-radius: 40px;
		}
		.ppt1 .left button{
			background-color: #fff;
			color: #0254A6;
			border: none;
			border: 1px solid #0254A6;
			width: 120px;
			height: 34px;
			text-align: center;
			line-height: 34px;
			font-size: 16px;
			margin-top: 20px;
			margin-left: calc(50% - 60px);
			border-radius: 10px;
			cursor: pointer;
		}
		.ppt1 .left button:hover{
			background-color: #0254A6;
			color: #fff;
		}
		.ppt2{
			height: 500px;
			background: url(../images/about2.png) center center no-repeat;

			background-size: cover;
			background-attachment: fixed;
			margin-top: 40px;
			border: 1px solid rgba(0,0,0,0);
		}
		.ppt2_main{
			padding: 20px;
			height: 400px;
			max-width: 900px;
			margin-top: 50px;
			background-color: rgba(0,0,0,0.3);
			position: relative;
		}
		.ppt2_main .ppt2_1{
			width: 30px;
			height: 6px;
			background-color: #fff;
			position: absolute;
			left: calc(50% - 15px);
			top: 20px;
		}
		.ppt2_main .ppt2_2{
			width: 30px;
			height: 6px;
			background-color: #fff;
			position: absolute;
			left: calc(50% - 15px);
			bottom: 20px;
		}
		.ppt2_main p{
			color: #fff;
			text-align: center;
		}
		.ppt2_main .p_1{
			margin-top: 60px;
			font-size: 30px;
		}
		.ppt2_main .p_2{
			margin-top: 60px;
			font-size: 14px;
			letter-spacing: 2px;
		}
		.ppt2_main .p_3{
			font-size: 22px;
			margin-top: 60px;
		}
		.ppt3{
			width: 100%;
			padding: 40px 0;
			background-color: #F5F5F5;
		}
		.ppt3 .box{
			margin-top: 40px;
		}
		.ppt3 .box .list{
			width: calc(100% / 3 - 10px);
			margin-right: 15px;
			float: left;
			background-color: #fff;
			text-align: center;
			position: relative;
			margin-bottom: 20px;
			cursor: pointer;
			overflow: hidden;
		}
		.ppt3 .box .list:nth-child(3n){
			margin-right: 0px;
		}
		.ppt3 .box .list .father{
			padding-bottom: 44%;
			position: relative;
		}
		.ppt3 .box .list .father img{
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%,-50%);
			max-width: 100%;
			max-height: 100%;
			object-fit: contain;

		}
		.ppt3 .box .list .hover{
			width: 100%;
			height: 100%;
			z-index: 3;
			opacity: 0;
			position: absolute;
			left: 0;
			top: 0;
			transition: all 0.6s;
		}
		.ppt3 .box .list .hover img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.ppt3 .box .list p{
			padding: 10px;
			color: #8D8D8D;
		}

		.ppt3 .box .list:nth-child(1) .hover,.ppt3 .box .list:nth-child(4) .hover{
			left: -100%;
		}
		.ppt3 .box .list:nth-child(1):hover .hover,.ppt3 .box .list:nth-child(4):hover .hover{
			opacity: 1;
			left: 0;
		}
		.ppt3 .box .list:nth-child(2) .hover{
			top: -100%;
		}
		.ppt3 .box .list:nth-child(2):hover .hover{
			opacity: 1;
			top: 0;
		}
		.ppt3 .box .list:nth-child(3n) .hover{
			left: 100%;
		}
		.ppt3 .box .list:nth-child(3n):hover .hover{
			opacity: 1;
			left: 0;
		}
		.ppt3 .box .list:nth-child(5) .hover{
			top: 100%;
		}
		.ppt3 .box .list:nth-child(5):hover .hover{
			opacity: 1;
			top: 0;
		}


		.ppt4{
			width: 100%;
			padding: 40px 0;
		}
		.ppt4 .box{
			margin-top: 40px;
		}
		.ppt4 .box .list{
			width: calc(100% / 10 * 3 - 20px);
			margin-right: 30px;
			float: left;
			background-color: #F8F8F8;
			text-align: center;
			position: relative;
			margin-bottom: 20px;
			border-bottom: 4px solid #0254A6;
			cursor: pointer;
		}
		.ppt4 .box .list:nth-child(2){
			width: calc(100% / 10 * 4 - 20px);
		}
		.ppt4 .box .list:nth-child(3){
			margin-right: 0px;
		}
		.ppt4 .box .list .top_box{
			position: relative;
			width: 100%;
			overflow: hidden;
		}
		.ppt4 .box .list .top_box>img{
			width: 100%;
		}
		.ppt4 .box .list .top_box .show_big{
			width: 100%;
			height: 100%;
			transition: all 0.3s;
		}
		.ppt4 .box .list .top_box .show_big img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.ppt4 .box .list .shaddow_box{
			width: 100%;
			height: 100%;
			text-align: center;
			line-height: 100%;
			position: absolute;
			left: 0;
			top: -100%;
			background-color: rgba(0,0,0,0.4);
			opacity: 0;
			transition: all 0.6s;
		}
		.ppt4 .box .list .shaddow_box img{
			position: absolute;
			left: calc(50% - 19px);
			top: calc(50% - 19px);
		}
		.ppt4 .box .list:hover .shaddow_box{
			opacity: 1;
			top: 0;
		}
		.ppt4 .box .list:hover .show_big{
			transform: scale(1.1);
		}
		.ppt4 .box .list p{
			margin-top: 30px;
			margin-bottom: 10px;
			padding: 0px 20px;
			text-align: center;
		}
		.ppt4 .box .list .xian{
			width: 30px;
			height: 1px;
			background-color: #0254A6;
			margin-left: calc(50% - 15px);
		}
		.ppt4 .box .list button{
			background-color: #F8F8F8;
			color: #0254A6;
			border: none;
			border: 1px solid #0254A6;
			width: 120px;
			height: 34px;
			text-align: center;
			line-height: 34px;
			font-size: 16px;
			margin-top: 20px;
			margin-bottom: 20px;
			border-radius: 10px;
			cursor: pointer;
		}
		.ppt4 .box .list button:hover{
			background-color: #0254A6;
			color: #fff;
		}
		.ppt4 .box .list .name{
			font-size: 16px;
			font-weight: 700;
			color: #000;
			margin-top: 20px;
			font-style: italic;
			line-height: 180%;
			padding-left: 40px;
			padding-right: 40px;
		}
		.ppt4 .button{
			background-color: #fff;
			color: #0254A6;
			border: none;
			border: 1px solid #0254A6;
			width: 300px;
			height: 34px;
			text-align: center;
			line-height: 34px;
			font-size: 16px;
			margin-top: 20px;
			margin-bottom: 20px;
			border-radius: 10px;
			margin-left: calc(50% - 150px);
			cursor: pointer;
		}
		.ppt4 .button:hover{
			background-color: #0254A6;
			color: #fff;
		}
		.htmleaf-container{
			width: 100%;
			overflow: hidden;
		}
		.htmleaf-container .slider,
		.htmleaf-container .slider li,
		.htmleaf-container .slider li img{
			width: 100% !important;
		}


		@media screen and (min-width: 1440px) {
			
		}  
		@media screen and (min-width: 1050px) and (max-width: 1440px) {

		}

		@media screen and (min-width: 780px) and (max-width: 1050px) {
			.ppt1 .left{
				float: left;
				width: 100%;
				padding: 0 10px;
			}
			.ppt1 .right{
				margin-top: 40px;
				width: 100%;
			}
		}
		@media screen and (min-width: 480px) and (max-width: 780px) {
			.ppt1,.ppt2{
				padding: 20px 0;
			}
			.ppt1 .left{
				float: left;
				width: 100%;
				padding: 0 10px;
			}
			.ppt1 .right{
				margin-top: 40px;
				width: 100%;
			}
			.ppt3 .box .list{
				width: calc(100% / 2 - 10px);
				margin-right: 20px;
			}
			.ppt3 .box .list:nth-child(3n){
				margin-right: 20px;
			}
			.ppt3 .box .list:nth-child(2n){
				margin-right: 0px;
			}
			.ppt4 .box .list{
				width: 100%;
				margin-right: 0;
				float: left;
				background-color: #F8F8F8;
				text-align: center;
				position: relative;
				margin-bottom: 20px;
				border-bottom: 4px solid #0254A6;
			}
			.ppt4 .box .list:nth-child(2){
				width: 100%;
			}
			.ppt4 .box .list:nth-child(3){
				margin-right: 0px;
			}
		}
		@media screen and (max-width: 480px) {
			.ppt1 .left{
				float: left;
				width: 100%;
				padding: 0 10px;
			}
			.ppt1 .right{
				margin-top: 20px;
				width: 100%;
			}
			.ppt1 {
				padding: 20px 0;
			}
			.ppt2 {
				margin-top: 20px;
			}
			.ppt2{
				height: 400px;
			}
			.ppt2_main{
				height: 300px;
				max-width: 900px;
				margin-top: 50px;
			}
			.ppt2_main .p_1 {
				margin-top: 74px;
				font-size: 28px;
			}
			.ppt3 .box .list{
				width: calc(100% / 2 - 10px);
				margin-right: 20px;
			}
			.ppt3 .box .list:nth-child(3n){
				margin-right: 20px;
			}
			.ppt3 .box .list:nth-child(2n){
				margin-right: 0px;
			}
			.ppt4 {
				width: 100%;
				padding: 20px 0;
			}
			.ppt4 .box .list{
				width: 100%;
				margin-right: 0;
				float: left;
				background-color: #F8F8F8;
				text-align: center;
				position: relative;
				margin-bottom: 20px;
				border-bottom: 4px solid #0254A6;
			}
			.ppt4 .box .list:nth-child(2){
				width: 100%;
			}
			.ppt4 .box .list:nth-child(3){
				margin-right: 0px;
			}
			.ppt4 .button {
				margin-top: 0px;
				margin-bottom: 0px;
			}
		}
